.photo{
    background:#ebebe4;
}
.photo:hover{
    background:#999999;
}
.photo img {
    opacity: 0.7;
}
*{
    margin: 0px;
    padding: 0px;
}
li{
    list-style: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix:after{
    display: table;
    content: "";
    clear: both;
}
/*top开始*/
.header{
    position:relative;
    top:0;
    left:0;
    margin-top:100px;

}
.header .top{
    position:fixed;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    height:40px;
    font-size:12px;
    line-height:40px;
    color:#fff;
    background:#3983da;

}
.top a{
    color:#fff;
    text-decoration: none;
}
.top a:hover{
    color:#fff;
    text-decoration:underline;
}
.top .content{
    width:1200px;
    margin:0 auto;
}
.top .content span{
    padding:10px;
}
.nav_box{
    width:100%;
    position:fixed;
    top:40px;
    z-index:1;
    background:#fff;
    box-shadow:0 2px 8px #cccccc;
}
.nav{
    width:1200px;
    height:80px;
    line-height:80px;
    margin:0 auto;
}
.nav .left{
    width:440px;
    display:flex;
    justify-content:space-between;

}
.nav .right{
    width:460px;
    display:flex;
    justify-content:space-between;

}
.nav a{
    font-size:22px;
    color:#296cb7;
    text-decoration: none;

}

.logo{
    box-sizing: border-box;
    width: 200px;
    position:absolute;
    top:-45px;
    left:50%;
    margin-left:-100px;
    z-index:999;
}

/*top结束*/

/* 主体模块1样式开始*/
.banner img{
    width: 100%;
}
.module1{
    width: 1200px;
    margin: 0px auto;
    box-sizing: border-box;
    margin-top: 60px;
}
.module1 li{
    float: left;
    width: 300px;
}
.module1 li img{
    float: left;
    width: 86px;
}
.module1 li .text{
    width: 200px;
    float: left;
    margin-left: 10px;
}
.module1 li .text p{
    margin-top:13px;
}
.module1 li .text p:last-of-type{
    font-size: 14px;
    color: #999999;
}
.module1 li .text p:first-of-type{
    color: #555555;
}
/* 主体模块1样式结束*/

/* 猜你喜欢开始*/
.module2{
    background: #f7f7f7;
}
.module22{
    box-sizing: border-box;
    background: #f7f7f7;
    margin: 0 auto;
    margin-top: 70px;
    width: 1200px;


}
.module22 .biaoti {
    text-align: center;
    padding-top: 40px;
    color: #333333;
    font-size: 24px;
}

.module2 img{
    width: 280px;
}
.module2 li{
    float: left;
    margin-right: 15px;
    margin-top:40px;
    padding-bottom: 70px;
}
.module2 li p{
    background: #0e6cb6;
    padding: 10px;
    color: #fff;
}
/* 猜你喜欢结束*/

/* 热门课程开始*/

.module3{
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 30px;
    width: 1200px;
}
.module3 .biaoti {
    text-align: center;
    padding-top: 40px;
    color: #333333;
    font-size: 24px;
}

.module3 img{
    width: 280px;
}
.module3 li{
    float: left;
    margin-right: 15px;
    margin-top:40px;
}
.module3 li p{
    background: #0e6cb6;
    padding: 10px;
    color: #fff;
}
/* 热门课程结束*/


/* 课程推荐开始*/
.module4{
    background: #f7f7f7;
}
.module44{
    box-sizing: border-box;
    background: #f7f7f7;
    margin: 0 auto;
    margin-top: 70px;
    width: 1200px;


}
.module44 .biaoti {
    text-align: center;
    padding-top: 40px;
    color: #333333;
    font-size: 24px;
}

.module4 img{
    width: 280px;
}
.module4 li{
    float: left;
    margin-right: 15px;
    margin-top:15px;
}
.module4 li p{
    background: #0e6cb6;
    padding: 10px;
    color: #fff;
}
.module444 img{
    width: 280px;
}
.module444 li{
    float: left;
    margin-right: 15px;
    padding-bottom: 40px;
}
.module444 li p{
    background: #0e6cb6;
    color: #fff;
}
/* 课程推荐结束*/

.footer {

    margin-top:100px;

}
.footer .consult{
    width:1200px;
    margin:0 auto 40px;
}
.footer .consult .fl p{
    font:700 20px "微软雅黑";
    color:#666;
    margin-bottom:30px;

}
.footer .consult .fl p span{
    margin-right:20px;
}
.footer .consult .fl .bth{
    width:200px;
    height:60px;
    line-height:60px;
    background:#3983da;
    text-align:center;
}
.footer .consult .fl .bth{
    color:#fff;
    font-size:20px;
    border-radius:5px;
}
.consult .fl a{
    text-decoration: none;
    color:#fff;
}
.consult .fl a:hover{
    text-decoration: none;
}
.botton{
    height: 116px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px 0;
    background:#3983da;
}
.botton p{
    height: 32px;
    line-height: 32px;
    color: white;
}
.botton p img{
    margin: 0 4px;
}
.botton p  a{
    color: white;
    text-decoration: none;
}
.botton p a:hover{
    text-decoration: underline;
}

.botton span{
    margin: 0 20px;
}